﻿@inherits LayoutComponentBase
@using Allin.Abp.AspNetCore.Components.Web.Theming.Layout;
@using AntDesign
@using Volo.Abp.Ui.Branding;
@using Volo.Abp.Ui.LayoutHooks
@using Allin.Abp.AspNetCore.Components.Web.Theming.Components.LayoutHooks


<Layout Style="min-height: 100vh;">
    <Sider Collapsible CollapsedWidth="48" Theme="SiderTheme.Light" Class="ant-allin-sider ant-allin-sider-light"
            CollapsedChanged="@(isCollapsed=>Collapsed=isCollapsed)">
         <div class="ant-allin-sider-logo">
             <Branding />
         </div>
        <MainMenu Collapsed="@Collapsed" />
    </Sider>
     <Layout Class="site-layout">
        <Header Class="site-layout-background" Style="padding: 0;height: 48px;line-height: 48px;width: 100%;z-index: 9;">
            <div class="ant-allin-global-header">
                 <div style="flex: 1"></div>
                <Space Class="right ant-space ant-space-horizontal ant-space-align-center" Size="@("24")">
                    <ToolbarItemsComponent/>
                </Space>
            </div>
        </Header>
@*         <PageHeader Class="site-page-header" Title="Title" Subtitle="This is a subtitle">

        </PageHeader> *@
        <Content Class="site-layout-background" Style="margin: 24px 16px;padding: 24px;min-height: 280px;">
            <PageAlert />
            <LayoutHook Name="@LayoutHooks.Body.First" Layout="@StandardLayouts.Application" />
            @Body
             <LayoutHook Name="@LayoutHooks.Body.Last" Layout="@StandardLayouts.Application" />
             				<UiPageProgress />
        </Content>
    </Layout>
</Layout>